<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <!--  引入jquery文件库  -->
    <script type="text/javascript" src="js/jquery-2.0.3.min.js"></script>
    <script type="text/javascript">
         $(function (){
              //获取保存的点击事件
              $("#save").click(function (){
                    //获取表单中所有参数值
                   // var emp = $("#emp").serialize();
                   var empno = $("input[name=empno]").val();
                   var ename = $("input[name=ename]").val();
                   var hiredate = $("input[name=hiredate]").val();
                   var emp = {empno:empno,ename:ename,hiredate:hiredate};
                   $.ajax({
                       url:"/emp/addEmp",
                       type:"post",
                       // data:emp,//传递普通的表单序列化方式
                       data:JSON.stringify(emp),//传递json对象
                       contentType:"application/json;charset=utf-8",//指明传递的参数是json格式
                       dataType:"json",
                       success:function (res){
                           console.log(res)
                       }
                   })
              })
         })
    </script>
</head>
<body>

     <form id="emp">
         <p>
             雇员编号：<input type="text" name="empno" />
         </p>
         <p>
             雇员名称：<input type="text" name="ename" />
         </p>
         <p>
             雇员工作：<input type="text" name="job" />
         </p>
         <p>
             雇佣日期：<input type="date" name="hiredate" />
         </p>
         <p>
             上级领导编号：<input type="text" name="mgr" />
         </p>
         <p>
             雇员薪资：<input type="text" name="sal" />
         </p>
         <p>
             雇员奖金：<input type="text" name="comm" />
         </p>
         <p>
             部门编号：<input type="text" name="deptno" />
         </p>
     </form>
     <p>
         <button id="save">保存</button>
     </p>


</body>
</html>